@charset "utf-8";
@font-face { font-family: 'font1'; src: url('../other/politicaregular.ttf'); }
@font-face { font-family: 'font2'; src: url('../other/Oswald-Medium.ttf'); }
@font-face { font-family: 'font3'; src: url('../other/akrobat-regular.ttf'); }
@font-face { font-family: 'font4'; src: url('../other/Oswald-ExtraLight.ttf'); }
@font-face { font-family: 'font5'; src: url('../other/AgencyFB.ttf'); }
/* CSS Document */

html { color: #333; background: #fff }
body, div, p, h1, h2, h3, h4, h5, h6, img, ul, li, a, strong, dl, dt, dd, input, textarea { margin: 0; padding: 0; list-style: none; border: 0; text-decoration: none; font-family: "microsoft yahei"; font-weight: normal; font-size: 15px; }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; }
a:hover { text-decoration: none !important; }
a:focus { text-decoration: none!important; }
fieldset, img { border: 0 }
ol, ul { list-style: none }
.w-100 { width: 100%; height: auto; overflow: hidden; }
.w-1260 { width: 1260px; margin: 0 auto; overflow: hidden; }
.w-1260-1 { width: 1260px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 60px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.t-align-c { text-align: center; }
.clearfix:after { content: ""; display: block; clear: both; }
.margin0 { margin: 0 0px; }
.margin3 { margin: 0 3px; }
.margin5 { margin: 0 5px; }
.margin8 { margin: 0 8px; }
.margin-20 { margin: 0 -20px; }
.padding0 { padding: 0px; }
.padding3 { padding: 0 3px; }
.padding8 { padding: 0 8px; }
.padding-8 { padding-right: 3px; padding-left: 3px; }
.padding-15 { padding: 0 -15px !important; }
.padding0-sm15 { padding: 0px; }
.padding6 { padding: 6px; }
.padding15-8 { padding: 15; }
.case-padding { padding: 5px; }
#w-70 { margin: 0 auto; width: 70%; }
#w-90 { margin: 0 auto; width: 90%; }
#w-80 { margin: 0 auto; width: 80%; }
#w-1260 { margin: 0 auto; width: 1260px; }
#pro-w { margin: 0 auto; width: 80%; }
#w-1260-1 { margin: 0 auto; width: 1260px; }
#w-1580-1 { margin: 0 auto; width: 1580px; }
.p-img { width: 100%; }
/*===================top====================*/

.top-bg { width: 100%; height: 105px; position: fixed; top: 0px; left: 0px; z-index: 111111; background-color: #fff; background: rgb(255, 255, 255, 1); 
  /*border-bottom:1px solid #dadada;*/

  ilter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
transition: all 0.3s; }
.top-bg-hover { background-color: #fff; -webkit-box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35); box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35); transition: all 0.3s; }
.ch-logo { position: relative; }
.qt-topphone { width: 100%; height: 38px; vertical-align: middle; }
.qt-topphone img { display: inline-block; float: right; vertical-align: middle; margin-top: 8px; }
.qt-topphone p { display: inline-block; padding-left: 15px; float: right; font-size: 22px; color: #010101; font-weight: bold; line-height: 38px; vertical-align: middle; }
/*导航*/

.w-1300 { width: 1300px; margin: 0 auto }
.pc-menu-bg { width: 100%; background-color: #040001; height: auto; }
.header-nav { position: relative; z-index: 11111111; text-align: center; background: #2645af; padding: 10px; }
.header-nav .nav-list>li {padding: 12px 0; position: relative; display: inline-block; border-radius: 5px; }
.header-nav .nav-list>li:hover { background-color: #174ea1; color: #fff; }
.header-nav .nav-list>li>a { padding: 0 68px; font-size: 20px; position: relative; color: #fff; }
.header-nav .nav-list>li:hover a { color: #fff; }
/* .header-nav li.active>a,.header-nav .nav-list>li>a:hover{color:#f6ff00;} */

.header-nav li.active { background-color: #ff8400; }
.header-nav li.active a { color: #fff; }
.header-nav .nav-list>li>a:after { content: ''; position: absolute; /* bottom: -58px;

  width: 0px;

  height: 5px;

  background-color: #174fa2;

  left: 18%;

  margin-top: -5px; */

  /*margin-left:25px;*/

transition: all 0.3s ease-in-out; }
.header-nav .nav-list>li:hover>a:after,  .header-nav .nav-list>li.active>a:after { /* width: 60px; */

}
.header-nav .nav-list>li:last-child>a:after { /* display: none; */

}
.header-nav .header-contact { margin-top: 32px;  no-repeat left center;
padding-left: 42px; }
.header-nav .header-contact>p { color: #444; font-size: 14px; margin-bottom: 0; line-height: 18px; }
.header-nav .header-contact>.fr p:first-child { font-size: 12px; color: #bbb; line-height: 12px; }
.top-icon { width: 12px; height: 12px; position: absolute; margin-left: -18px; vertical-align: middle; margin-top: 6px; }
.icon-follow { background: url("../images/top_icons2.png") no-repeat left center; }
.icon-global { background: url("../images/top_icons3.png") no-repeat left center; }
.dropdown-menu { border-radius: 0; margin-top: 2px;  border-top-color: #ddd; min-width: auto; display: block; display: none\9; display: block\9\0; -webkit-transform: scale(1.2, 0); transform: scale(1.2, 0); opacity: 0; -webkit-transform-origin: top; transform-origin: top; -webkit-transition: all .2s ease-out; -webkit-transition: -webkit-all .2s ease-out; transition: -webkit-all .2s ease-out; transition: all .2s ease-out; transition: all .2s ease-out, -webkit-all .2s ease-out; -webkit-box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35); box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35); padding: 17px 26px; }
.dropdown-menu>li:not(:last-child) { border-bottom: 1px solid #d7d7d7; }
.dropdown-menu>li>a { padding: 5px 17px; font-size: 16px; line-height: 36px; color: #333 !important; }
.dropdown-menu>li>a:hover { color: #fff !important; background-color: #164ea1; }
.dropdown-active { display: block\9; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
.chanpin_list_wrap { -webkit-transition: all .2s ease-out; -webkit-transition: -webkit-all .2s ease-out; transition: -webkit-all .2s ease-out; transition: all .2s ease-out; transition: all .2s ease-out, -webkit-all .2s ease-out; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: absolute; z-index: 99; left: 0; right: 0; top: 97px; background-color: #fff; padding-top: 30px; padding-bottom: 22px; }
.chanpin_list_wrap .chanpin_list { /* margin:0 15px; */

text-align: center; }
.chanpin_list_wrap .chanpin_list h3 { border-bottom: 1px solid #ddd; padding-bottom: 15px; color: #333; margin-top: 20px; margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.chanpin_list_wrap ul { padding-left: 0; }
.chanpin_list_wrap ul li { line-height: 24px; }
.chanpin_list_wrap ul li .pro_list_item a { color: #999; font-size: 14px; margin: 0 10px 14px; line-height: 14px; display: inline-block; }
.chanpin_list_wrap ul li .pro_list_item a.active { color: #FF9900 }
.chanpin_list_wrap li span { color: #3671CF; width: 80px; border-right: 1px solid #e4e4e4; line-height: 14px; margin-right: 15px; float: left; }
.chanpin_list_wrap li a { color: #777; }
.chanpin_list_wrap li a:hover { color: #f90; }
.chanpin_list_wrap li span>a { color: inherit; }
.chanpin_list_wrap li span>a:hover { color: inherit; }
.chanpin_list_wrap .pro_list_item { overflow: hidden; }
.hide { display: none; }
/*====================手机站menu====================*/

.ph-menu { display: block; width: 100%; padding: 10px 0px; font-size: 14px; color: #333; text-align: center; }
.iphone { position: relative; top: 0px; left: 0px; width: 100%; }
.iphone-tit { padding: 10px 0px; width: 100%; font-size: 22px; text-transform: uppercase; color: #fff; text-align: center; }
.iphone__screen { position: fixed; z-index: 100000000; top: 0px; left: 0px; width: 100%; /*height:100%;*/

overflow: hidden; }
.iphone__content { position: relative; width: 100%; height: 100%; }
.nav { position: absolute; z-index: 100; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav--active .nav { opacity: 1; background-color: #333; }
.nav__list { margin: 0; padding: 10px; padding-top: 30px; }
.nav__item { margin: 0 auto; width: 90%; padding: 7px; list-style-type: none; text-align: left; }
.nav__item:after { content: ''; display: block; position: relative; bottom: -8px; width: 50%; height: 1px; background: rgba(255, 255, 255, 0.3); }
.nav__link { font-size: 15px; text-transform: uppercase; text-decoration: none; color: #FFFFFF; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; }
.nav__trigger { display: block; position: relative; z-index: 111111; position: fixed; top: 20px; right: 19px; padding: 10px; padding-bottom: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 8px; }
.nav--active .nav__trigger { opacity: 0.5; }
.nav__icon { display: inline-block; position: relative; width: 30px; height: 5px; background-color: #FFFFFF; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before,  .nav__icon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #FFFFFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before { margin-top: -10px; }
.nav__icon:after { margin-top: 10px; }
/*====================手机站menu2====================*/

.ph-menu2 { height: auto; padding: 5px; background-color: #2645af; overflow: hidden; }
.ph-menu2 li { float: left; width: 33.3%; height: auto; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
.ph-menu2 li a { display: block; margin: 2px auto; padding: 4px 0px; width: 96%; font-size: 14px; color: #ffffff; text-align: center; text-decoration: none; border: 1px solid #fff; border-radius: 3px; }
.padding2 { padding: 2px; }
.margin2 { margin: 2 0px; }
/*====================手机站 end menu2====================*/



/* 样式一*/

.style-1 .nav { -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; height: 100%; }
.style-1 .nav--active { height: 100%; }
.style-1 .nav__link { opacity: 0; -webkit-transition-delay: 500ms; transition-delay: 500ms; }
.style-1 .nav--active .nav__link { opacity: 1; }
.style-1 .nav--active .nav { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(0); transform: translateX(0); }
.style-1 .nav--active .nav__icon { background: rgba(0, 0, 0, 0); }
.style-1 .nav--active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.style-1 .nav--active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/*====================end手机站menu====================*/

.hy-logo { margin-top: 0px; }
/*====================top====================*/

.top-gg { padding: 15px 0px; background-color: #fff; border-bottom: 1px solid #f1f1f1; }
.top-l { font-size: 14px; color: #a5a5a5; }
.top-l p,  .top-l p a,  .top-l a { padding-top: 5px; font-size: 14px; color: #a5a5a5; }
.top-r { text-align: right; }
.top-r h3 { display: inline-block; font-size: 14px; color: #a5a5a5; vertical-align: middle; }
.top-r p { display: inline-block; font-size: 22px; color: #09429b; font-weight: bold; vertical-align: middle; }
.top-yy { text-align: center; }
.top-yy a { display: inline-block; /*  margin:10px 3px; */

padding: 3px 6px; font-size: 15px; color: #333; border: 1px solid #333; }
.h-logo { margin-top: 15px; }
.h-logo h1 strong { font-size: 46px; color: #222; font-weight: bold; padding-top: 10px; display: block; }
.h-logo h1 span { font-size: 18px; color: #222; display: block; text-transform: uppercase; font-family: arial; padding-top: 5px; }
.er { width: 468px; height: 105px; background: url(../images/h_03.jpg) no-repeat center;  margin-bottom: 10px; }
.er strong { color: #2645af; font-family: impact; font-size: 50px; padding-left: 135px; margin-top: 34px; display: block; }
/* 产品推荐 */

/*ys*/

.s_bg { display: none; }
.ys_bg { background: url(../images/ysbj.jpg) center no-repeat; padding-top: 20px; padding-bottom: 100px; overflow: hidden; height: 1361px; }
.sylm span { font-size: 55px; color: #2645af; text-transform: uppercase; margin: 0 auto; font-family: arial; font-weight: bold; display: block; text-align: center; }
.sylm h2 { width: 192px; height: 32px; background: #2343bc; margin: 0 auto; border-radius: 6px; text-align: center; color: #fff; line-height: 32px; letter-spacing: 15px; font-size: 18px; padding-left: 15px; }
.sylm p { font-size: 43px; color: #1f1f1f; font-weight: bold; text-align: center; }
.case_t { padding: 50px 0 0; height: 90px; }
.case_t ul li { width: 215px; height: 119px; float: left; position: relative; margin-right: 1px; margin-bottom: 10px; }
.case_t ul li:before {/* content: "";width: 6px;height: 1px;background: #dd0305;position: absolute;top: 27px;right: 10px; */ }
.case_t ul li a { font-size: 17px; color: #fff; background: #a3a3a3; display: block; float: left; width: 215px; height: 119px; line-height:119px; text-align: center; overflow: hidden; margin: 0 auto; }
.case_t ul li a span { font-size: 17px; color: #fff; background: #343434; display: block; float: left; width: 215px; height: 119px; text-align: center; line-height: 56px; overflow: hidden; margin: 0 auto; }
.case_t ul li img { display: block; margin: 0 auto; margin-top: 10px; }
.case_t ul li a:hover, .case_t ul li.on a, .case_t ul li.on a span { background: #ff8d00; color: #fff; }
.case_t ul li.nobor:before { background: none; }
.case_m { position: relative; background-color: #f2f2f2; margin-top: 20px; }
.case_m dl { height: 501px; overflow: hidden; }
.case_m dl dt { width: 764px; height: 516px; line-height: 0; overflow: hidden; position: absolute; top: 0;/* left: 50%; */ }
.case_m dl dt img { width: 740px; height: 487px; margin-left: 12px; }
.case_m dl dd { width: 585px; float: right; padding: 75px 60px 0 80px; }
.case_m dl dd h5 { height: 54px; font-size: 35px; color: #343434; line-height: 54px; overflow: hidden; font-weight: bold; }
.case_m dl dd b { display: block; font-size: 20px; color: #555; font-weight: normal; line-height: 30px; }
.case_m .case_desc { font-size: 17px; color: #666; line-height: 30px; height: auto; overflow: hidden; padding: 15px 0 0; }
.case_m dl dd span, .about dl dd span { display: block; padding: 30px 0 0; }
.case_m dl dd span a, .about dl dd span a { display: block; font-size: 16px; color: #fff; font-weight: bold; width: 40%; text-align: center; height: 36px; line-height: 36px; background: #a3a3a3; overflow: hidden; border-radius: 10px; text-transform: uppercase; }
.case_m dl dd span a:hover, .ban01 p em a:hover, .about dl dd span a:hover { animation: shake 1.5s linear; -webkit-animation: shake 1.5s linear; background: #ff8d00; }
.case_lico, .case_rico { width: 58px; height: 58px; float: left; margin: 2%; margin-top: 50px; }
.case_lico a, .case_rico a, .jz_lico a, .jz_rico a { display: block; width: 58px; height: 58px; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; }
.case_lico { left: 80px; }
.case_rico { left: 155px; }
.case_lico a:hover, .case_rico a:hover, .jz_lico a:hover, .jz_rico a:hover { box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1); z-index: 2; -webkit-transform: translate(0, -2px); -webkit-transform: translate(0, -2px); }
.case_lico a, .jz_lico a { background: url(../images/lico01.png) no-repeat; }
.case_lico a:hover, .jz_lico a:hover { background: url(../images/lico02.png) no-repeat; }
.case_rico a, .jz_rico a { background: url(../images/rico01.png) no-repeat; }
.case_rico a:hover, .jz_rico a:hover { background: url(../images/rico02.png) no-repeat; }
.cptb1 { color: #fff; margin: 0 auto; text-align: center; font-size: 18px; letter-spacing: 18px; padding-top: 60px; }
.cptb2 { color: #fff; margin: 0 auto; text-align: center; font-size: 40px; font-weight: bold; padding-top: 15px; }
.cptb3 { width: 676px; height: 43px; background-color: #ff8d00; margin: 0 auto; margin-top: 15px; text-align: center; color: #fff; line-height: 43px; font-size: 18px; }
/* 搜索 */

.shous { margin: 0 auto; /* width: 100%; */
height: 40px; width: 350px; margin-top: 10px; }
.hs-input { margin-left: 30px; float: left; padding: 0px 10px; width: 230px; height: 28px; border: 1px solid #ff8d00; font-size: 14px; color: #666; line-height: 26px; }
.hs-input2 { float: left; width: 52px; height: 28px; background: #ff8d00; color: #fff; }
/* 手机产品推荐 */

.top-catagories-wrapper { position: relative; z-index: 1; background: #ffffcc; background: -webkit-linear-gradient(to right, #fff2cc, #ffffcc); background: linear-gradient(to right, #fff2cc, #ffffcc); padding-top: 30px; padding-bottom: 30px; overflow: hidden; }
.top-catagories-wrapper .catagory-title { position: absolute; top: 45%; left: -1.25rem; z-index: 10; -webkit-transform: rotate(-90deg) translateY(-50%); -ms-transform: rotate(-90deg) translateY(-50%); transform: rotate(-90deg) translateY(-50%); font-weight: 700; text-transform: uppercase; }
.top-catagories-wrapper .bg-shapes .shape1 { position: absolute; width: 300px; height: 300px; border: 1px solid #ffaf00; border-radius: 50%; top: -200px; left: -130px; z-index: -1; }
.top-catagories-wrapper .bg-shapes .shape2 { position: absolute; width: 300px; height: 300px; border: 1px solid #ffaf00; border-radius: 50%; top: -230px; left: -130px; z-index: -1; }
.top-catagories-wrapper .bg-shapes .shape3 { position: absolute; width: 300px; height: 300px; border: 1px solid #ffaf00; border-radius: 50%; top: -260px; left: -130px; z-index: -1; }
.top-catagories-wrapper .bg-shapes .shape4 { position: absolute; width: 250px; height: 250px; border: 1px solid #ffaf00; border-radius: 40%; bottom: -150px; right: -140px; z-index: -1; }
.top-catagories-wrapper .bg-shapes .shape5 { position: absolute; width: 250px; height: 250px; border: 1px solid #ffaf00; border-radius: 30%; bottom: -175px; right: -150px; z-index: -1; }
.catagory-card { position: relative; z-index: 1; border-radius: 1rem; background-color: transparent; }
.catagory-card a { position: relative; border-radius: 1rem; display: block; z-index: 1; overflow: hidden; }
.catagory-card a::after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; content: ""; background-color: #0C153B; opacity: 0.4; border-radius: 1rem; }
.catagory-card a img { -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; border-radius: 1rem; position: relative; z-index: -5; }
.catagory-card a h6 { -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; font-size: 12px; margin-bottom: 0; position: absolute; left: 0.5rem; bottom: 0.5rem; z-index: 100; color: #ffffff; background-color: #e42f08; padding: 0.25rem 0.625rem; border-radius: 2rem; }
.catagory-card a h6:hover, .catagory-card a h6:focus { background-color: #020b10; }
.catagory-card a:hover img, .catagory-card a:focus img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.catagory-slides { width: calc(100% + 3rem); margin-left: 3rem; }
.catagory-slides .owl-stage .owl-item:nth-child(3n+1) .catagory-card a::after { background-color: #100DD1; }
.catagory-slides .owl-stage .owl-item:nth-child(3n+1) .catagory-card a h6 { background-color: #ea4c62; }
.catagory-slides .owl-stage .owl-item:nth-child(3n+1) .catagory-card a h6:hover, .catagory-slides .owl-stage .owl-item:nth-child(3n+1) .catagory-card a h6:focus { background-color: #020b10; }
.catagory-slides .owl-stage .owl-item:nth-child(3n+0) .catagory-card a::after { background-color: #ea4c62; }
.catagory-slides .owl-stage .owl-item:nth-child(3n+0) .catagory-card a h6 { background-color: #ffaf00; color: #020b10; }
.catagory-slides .owl-stage .owl-item:nth-child(3n+0) .catagory-card a h6:hover, .catagory-slides .owl-stage .owl-item:nth-child(3n+0) .catagory-card a h6:focus { background-color: #020b10; color: #ffffff; }
.all-catagory-wrapper { position: relative; z-index: 1; padding-top: 28px; padding-bottom: 14px; }
.all-catagory-wrapper .catagory-card a h6 { left: 1rem; bottom: 1rem; padding: 0.25rem 0.75rem; }
.catagory-posts-wrapper { position: relative; z-index: 1; padding-top: 28px; padding-bottom: 30px; }
/*====================middle====================*/

/*分类*/

.jg-proc { padding: 3px 0 14px 0px; overflow: hidden; text-align: center; }
.jg-proc a { display: inline-block; margin: 5px; cursor: pointer; }
.jg-proc a h3 { padding: 15px 15px; font-size: 18px; color: #fff; background-color: #164ea1; border: 1px solid #fff; }
.jg-proc a:hover h3 { background-color: #f5b606; color: #333; }
.jg-proc-active h3 { background-color: #f5b606 !important; color: #333 !important; }
/*主推产品*/

.tj-pro { height: auto; width: 100%; background-color: #fff; box-shadow: 0px 0px 25px #e4e4e4; overflow: hidden; }
.tj-pro .tj-list ul { float: left; width: 18%; }
.tj-pro .tj-list ul li { display: block; padding: 33px 15px 33px 45px; }
/* .tj-pro .tj-list ul li:hover{

  background-color: #174ea1;

} */

.tj-pro .tj-list ul .aon { position: relative; width: 135%; background-color: #174ea1; transition: all 0.6s ease-out; box-sizing: border-box; }
.tj-pro .tj-list ul .aon h3,  .tj-pro .tj-list ul .aon span { color: #fff; }
.tj-pro .tj-list ul li h3 { display: block; font-size: 19px; color: #000; }
.tj-pro .tj-list ul li span { display: block; margin-top: 5px; font-size: 8px; color: #000; text-transform: uppercase; }
/* .tj-pro .tj-list ul li:hover h3,

.tj-pro .tj-list ul li:hover span{

  color: #fff;

} */

.tj-box { float: right; width: 82%; }
.tj-box div { display: none; width: 100%; transition: all 0.6s ease-out; }
.tj-box div img { width: 100%; height: auto; }
/*标题*/

.tit01 { padding-top: 6px; padding-bottom: 15px; width: 100%; height: auto; text-align: center; overflow: hidden; }
.tit01 h2 { display: block; font-size: 35px; color: #164ea1; text-align: center; font-weight: bold; }
.tit01 p { display: block; margin-top: 10px; position: relative; font-size: 20px; letter-spacing: 1px; text-align: center; }
.tit01 span { display: block; margin-top: 8px; text-align: center; font-size: 14px; color: #999; }
.tit01 ol { display: block; margin-top: 8px; text-align: center; font-size: 55px; color: #2645af; font-family: arial; text-transform: uppercase; font-weight: bold; margin-bottom: 0px; }
.tit01 .zia { font-size: 35px; color: #313131; font-weight: bold; }
.tit02 { padding-top: 6px; padding-bottom: 15px; width: 100%; height: auto; text-align: center; overflow: hidden; }
.tit02 h2 { display: block; font-size: 35px; color: #ffb400; text-align: center; font-weight: bold; }
.tit02 p { display: block; margin-top: 10px; position: relative; font-size: 20px; letter-spacing: 1px; color: #fff; text-align: center; }
.tit02 span { display: block; margin-top: 8px; text-align: center; font-size: 14px; color: #fff; }
.tit02 .zia { font-size: 35px; color: #ffb400; font-weight: bold; }
/*分类*/

.xm-proc-w { padding: 15px 0px; width: 100%; height: auto; background: url(../images/bga.jpg) top center; }
.xm-proc { text-align: center; }
.xm-proc li { display: inline-block; padding-top: 20px; margin-right: 10px; margin-bottom: 10px; width: 13%; box-sizing: border-box; overflow: hidden; }
.xm-proc li:hover { /* padding-top: 10px; */

box-shadow: 0px 5px 5px 5px #efefef; background-color: #ff2121; border-radius: 15px; }
.xm-proc li .tua { margin: 0 auto; width: 90%; border-radius: 10px; border: 5px solid #ff2121; box-sizing: border-box; overflow: hidden; }
.xm-proc li:hover .tua { width: 80%; border: 5px solid #fff; transform: rotateY(180deg); }
.xm-proc li .tua img { width: 100%; }
.xm-proc li h3 { display: block; margin-top: 5px; padding: 12px 0px; font-size: 18px; color: #2d2d2d; text-align: center; font-weight: bold; }
.xm-proc li:hover h3 { color: #fff; }
/*主推产品*/

.hot-pro { padding-bottom: 30px; width: 100%; background: url(../images/hot-bg.jpg) top center; overflow: hidden; }
.hot-pro-tit { padding-top: 60px; text-align: center; }
.hot-pro-tit h2 { display: block; font-size: 45px; color: #333; font-weight: bold; text-align: center; }
.hot-pro-tit h2 font { font-size: 45px; color: #174ea1; font-weight: bold; }
.hot-pro-tit p { display: block; margin-top: 10px; text-align: center; font-size: 20px; color: #2e2e2e; }
.hot-pro-tit span { display: block; margin-top: 3px; text-align: center; font-size: 12px; color: #2e2e2e; text-transform: uppercase; }
/*产品列表*/

.pro-padd { padding: 8px; }
.pro-bg { padding: 0px 0px 0px 0px; /*  background: url(../images/pro-bg.jpg); */

  /* background-color: #fcfbfb; */

overflow: hidden; }
.jy-pro { margin-bottom: 15px; position: relative; border: 1px solid #666; background-color: #fff; }
.jy-pro:before { content: ""; position: absolute; bottom: 0px; left: 0px; z-index: 1; width: 100%; height: 0px; background-color: #1750a1; transition: all 0.3s ease-out; }
.jy-pro:hover:before { height: 100%; }
.jy-pro .tu { position: relative; z-index: 10; margin: 5px; height: auto; overflow: hidden; }
.jy-pro .tu img { width: 100%; transition: all 0.5s ease-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
.jy-pro:hover .tu img { transition: all 0.5s ease-out; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
.jy-pro h3 { display: block; position: relative; z-index: 10; padding: 15px 0px; text-align: center; font-size: 18px; font-weight: bold; color: #333; transition: all 0.3s ease-out; }
.jy-pro .linea { display: block; position: relative; z-index: 10; margin: 0 auto; margin-bottom: 10px; width: 50px; height: 2px; background-color: #666; transition: all 0.3s ease-out; }
.jy-pro p { display: block; padding: 0px 15px; position: relative; z-index: 10; /*height: 40px;*/

font-size: 14px; color: #666; line-height: 150%; text-align: center; overflow: hidden; transition: all 0.3s ease-out; }
.jy-pro .more { display: block; position: relative; z-index: 10; margin: 15px auto; padding: 5px; width: 30%; background-color: #1750a1; text-align: center; font-size: 15px; color: #fff; transition: all 0.3s ease-out; }
.jy-pro:hover .more { background-color: #ffd101; color: #333; }
.jy-pro:hover h3,  .jy-pro:hover p { color: #fff; }
.jy-pro:hover .linea { background-color: #fff; }
.jy-pro { padding-bottom: 15px; margin-bottom: 15px; position: relative; border: 1px solid #efefef; /*  border-bottom:5px solid #24212d; */
background-color: #fff; }
.jy-pro:before { content: ""; position: absolute; bottom: 0px; left: 50%; z-index: 1; width: 0px; height: 100%; background-color: #2645af; transition: all 0.3s ease-out; }
.jy-pro:hover:before { height: 100%; width: 100%; left: 0px; }
.jy-pro .tu { position: relative; z-index: 10; margin: 10px; height: auto; overflow: hidden; }
.jy-pro .tu img { width: 100%; transition: all 0.3s ease-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; }
.jy-pro:hover .tu img { transition: all 0.3s ease-out; -webkit-transform: scale(0.92, 0.92); -moz-transform: scale(0.92, 0.92); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; }
.jy-pro h3 { display: block; position: relative; z-index: 10; padding: 8px 0px; text-align: center; font-size: 26px; font-weight: bold; color: #23190a; transition: all 0.3s ease-out; }
.jy-pro .linea { display: block; position: relative; z-index: 10; margin: 0 auto; margin-bottom: 10px; width: 50px; height: 2px; background-color: #666; transition: all 0.3s ease-out; }
.jy-pro p { display: block; position: relative; z-index: 10; height: 98px; font-size: 14px; color: #666; line-height: 150%; text-align: center; overflow: hidden; transition: all 0.3s ease-out; width: 90%; margin: 0 auto; }
.jy-pro p font { display: block; position: relative; z-index: 10; height: 30px; font-size: 14px; color: #666; line-height: 30px; text-align: center; overflow: hidden; background: #f3f3f3; border: 1px solid #d9d8d6; border-radius: 30px; transition: all 0.3s ease-out; width: 95%; margin: 0 auto; margin-top: 15px; }
.jy-pro .more { display: block; position: relative; z-index: 10; margin: 15px auto; padding: 5px; width: 30%; background-color: #e50112; text-align: center; font-size: 15px; color: #fff; transition: all 0.3s ease-out; }
.jy-pro:hover .more { background-color: #171615; }
.jy-pro:hover h3, .jy-pro:hover p { color: #fff; }
.jy-pro:hover .linea { background-color: #fff; }
/*end 产品列表*/



.case-w { width: 100%; height: 956px; background: url(../images/5.jpg) top center no-repeat; overflow: hidden; }
/*品鉴*/

.swiper-container-pj { margin: 0 auto; width: 95%; height: 440px; margin-left: auto; margin-right: auto; }
.swiper-container-pj .swiper-slide { text-align: center; font-size: 18px; color: #fff; /* background-color: #00347B; */

  /* height: calc((100% - 30px) / 2); */

height: auto; /* Center slide text vertically */

display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-pagination-pj { padding: 15px 0px; width: 100%; text-align: center; }
.swiper-pagination-pj .swiper-pagination-bullet { background-color: #fff; margin: 0px 4px; width: 100px; height: 3px; border-radius: 0px; }
/*手机站*/

/*品鉴*/

.swiper-container-pjb { margin: 0 auto; width: 95%; height: 200px; margin-left: auto; margin-right: auto; }
.swiper-container-pjb .swiper-slide { text-align: center; font-size: 18px; color: #fff; /* background-color: #00347B; */

  /* height: calc((100% - 30px) / 2); */

height: auto; /* Center slide text vertically */

display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-pagination-pjb { padding: 15px 0px; width: 100%; text-align: center; }
.swiper-pagination-pjb .swiper-pagination-bullet { background-color: #fff; margin: 0px 4px; width: 30px; height: 3px; border-radius: 0px; }
.th-pj { width: 100%; height: auto; overflow: hidden; }
.th-pj .tua { width: 100%; height: auto; overflow: hidden; }
.th-pj .tua img { width: 100%; transition: all 0.5s ease-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
.th-pj:hover .tua img { transition: all 0.5s ease-out; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
/*展会*/

.zhanhui { padding: 8px; }
.zhanhui .tua { position: relative; width: 100%; overflow: hidden; }
.zhanhui .tua .zh-logo { position: absolute; z-index: 10; bottom: 50%; left: 50%; margin-bottom: -150px; margin-left: -150px; opacity: 0; }
.zhanhui .tua .zh-logo img { width: 300%; }
.zhanhui:hover .tua .zh-logo { opacity: 1; left: 0px; bottom: 0px; margin-bottom: 0px; margin-left: 0px; }
.zhanhui:hover .tua .zh-logo img { width: 100px; }
.zhanhui .tua img { width: 100%; }
.zhanhui .tita { padding: 15px; background-color: #fff; }
.zhanhui .tita a h3 { display: block; padding: 10px 0px; font-size: 17px; color: #0049a3; text-align: center; }
.zhanhui .tita p { display: block; padding: 0px 15px 15px 15px; font-size: 15px; color: #333; text-align: center; }
.zhanhui:hover .tita { background-color: #ff8400; }
.zhanhui:hover .tita a h3,  .zhanhui:hover .tita p { color: #fff; }
/*展会 end*/

.jiantua-w { width: 100%; height: 216px; background: url(../images/jiantu-bg1.jpg) top center no-repeat; }
.jiantua-cont { float: right; margin-top: 35px; width: 793px; height: auto; }
.jiantua-a { float: left; width: 490px; }
.jiantua-a strong { display: block; font-size: 26px; color: #070707; }
.jiantua-a span { display: block; margin-top: 10px; font-size: 12px; color: #000; text-transform: uppercase; }
.jiantua-a p { display: block; margin-top: 20px; font-size: 17px; color: #000; left: 150%; }
.jiantua-b { margin-top: 15px; float: right; width: 190px; }
.jiantua-b .zia { width: 119px; height: 36px; background-color: #164ea1; text-align: center; line-height: 36px; font-size: 18px; color: #fff; }
.jiantua-b .zib { display: block; margin-top: 15px; font-size: 17px; color: #000; }
.jiantua-b .zic { display: block; font-size: 28px; color: #000000; letter-spacing: -1px; }
/* hs简介 */

.hsab { width: 100%; height: 1028px; background: url(../images/hsab.jpg) top center no-repeat; overflow: hidden; }
.hsabt h2 { font-size: 55px; color: #222; font-weight: bold; text-align: center; margin-top: 50px; }
.hsabt span { font-size: 16px; color: #222; text-align: center; margin-top: 10px; display: block; text-transform: uppercase; font-family: arial; }
.hsabt ol { font-size: 20px; color: #222; text-align: center; margin-top: 10px; display: block; text-transform: uppercase; font-family: arial; border: 1px solid #222; width: 50%; margin: 0 auto; letter-spacing: 20px; margin-top: 10px; }
.hsabzl { width: 636px; height: 579px; background-color: #2645af; float: left; margin-top: 100px; margin-left: 10px; }
.hsabzl embed { width: 590px; height: 540px; background-color: #2645af; float: left; margin-top: 100px; margin-left: 10px; }
.hsabzr { float: right; }
.hsabzr h2 { font-size: 46px; color: #2343bc; font-weight: bold; margin-top: 120px; }
.hsabzr span { font-size: 19px; color: #ff8d00; margin-top: 5px; display: block; }
.hsabzr3 span { width: 164px; height: 36px; background: #2343bc; border-radius: 5px; float: left; margin-right: 10px; line-height: 36px; color: #fff400; padding-left: 30px; }
.hsabzrwz { font-size: 17px; line-height: 32px; margin-top: 40px; }
.hsabzrwz p { font-size: 18px; line-height: 40px; }
/* 优势 */

.yshs { width: 937px; height: 173px; background: url(../images/yst.jpg) no-repeat center; margin: 0 auto; margin-bottom: 40px; margin-top: 13px }
/*优势*/
.ys-w { width: 100%; height: 725px; background: url(../images/ys-tu.jpg) top right no-repeat; }
.ys-list { float: right; width: 98%; }
.ys-list li { border-bottom: 1px solid #eeeeee; overflow: hidden; }
.ys-list li .num { display: inline-block; width: 120px; height: 118px; text-align: center; font-size: 69px; line-height: 130px; color: #fff; font-family: "font5"; }
.ys-list li .nra { display: inline-block; padding: 10px 0px; margin-left: 39px; width: 60%; }
.ys-list li .nra p { display: block; font-size: 26px; color: #303030; font-weight: bold; }
.ys-list li .nra span { display: block; margin-top: 5px; font-size: 16px; color: #616060; line-height: 150%; }
/* 分割 */

.feng { width: 100%; height: 212px; background: url(../images/feng.jpg) no-repeat center; margin: 0 auto; margin-top: 25px; }
.feng h2 { font-size: 40px; color: #fff; font-weight: bold; float: left; margin-top: 94px; }
.feng span { font-size: 20px; color: #fff; width: 192px; height: 32px; border-radius: 5px; display: block; float: left; background: #ffac00; text-align: center; margin-left: 20px; margin-top: 103px; }
.feng p { font-size: 16px; color: #fff; margin-top: 10px; width: 50%; float: left; }
.feng ol { float: right; font-size: 27px; color: #fff; margin-top: -66px; margin-right: 14px; }
/*简介*/

.about-w { padding: 65px 0px; width: 100%; height: 1028px; background: url(../images/about-w.jpg) top center no-repeat; overflow: hidden; }
.about-tit { }
.about-tit h2 { display: block; font-size: 52px; color: #174ea1; font-weight: bold; letter-spacing: 1px; }
.about-tit p { display: block; margin-top: 20px; font-size: 22px; color: #303030; }
.about-menu { margin-top: 30px; text-align: left; }
.about-menu a { display: block; float: left; width: 21%; margin-right: 1%; padding: 8px 0px; text-align: center; font-size: 15px; color: #174ea1; border: 1px solid #174ea1; }
.about-cont { width: 96%; height: 318px; overflow: hidden; font-size: 15px; color: #3b3b3b; line-height: 210%; }
.about-cont p,  .about-cont p a,  .about-cont p strong { font-size: 15px; color: #3b3b3b; line-height: 210%; letter-spacing: 0px; }
.about-more a { display: inline-block; padding: 8px 45px; margin-top: 25px; background-color: #174ea1; text-align: center; font-size: 16px; color: #fff; overflow: hidden; }
.about-video { display: block; float: right; margin-top: 10%; width: 95%; height: auto; text-align: right; border: 5px solid #005BC4; background-color: #005BC4; }
.about-video img { width: 100%; }
.about-list { margin-top: 50px; }
.about-list li { position: relative; padding: 35px 25px; background-color: #fff; overflow: hidden; }
.about-list li::before { content: ""; position: absolute; right: 1px; top: 18%; width: 1px; height: 100px; background-color: #f0f0f0; }
.about-list li:hover::before { content: ""; display: none; }
.about-list .bga { background-color: #174ea1 !important; }
.about-list .bga::before { content: ""; display: none !important; }
.about-list .bga .nra p,  .about-list .bga .nra p font,  .about-list .bga .nra span { color: #fff !important; }
.about-list li:hover { background-color: #174ea1; }
.about-list li .nra { margin-left: 90px; }
.about-list li .nra p { display: block; font-size: 41px; color: #f67f00; font-weight: bold; }
.about-list li .nra p font { font-size: 18px; color: #f67f00; font-weight: bold; }
.about-list li .nra span { display: block; font-size: 18px; color: #3b3b3b; line-height: 130%; }
.about-list li:hover p,  .about-list li:hover p font,  .about-list li:hover span { color: #fff; }
.about-list-bg1 { background-image: url(../images/about-tu1-2.png); background-position: top 45% left 8%; background-repeat: no-repeat; }
.about-list-bg1:hover { background-image: url(../images/about-tu1-2.png); }
.about-list-bg2 { background-image: url(../images/about-tu2.png); background-position: top 45% left 8%; background-repeat: no-repeat; }
.about-list-bg2:hover { background-image: url(../images/about-tu2-2.png); }
.about-list-bg3 { background-image: url(../images/about-tu3.png); background-position: top 45% left 8%; background-repeat: no-repeat; }
.about-list-bg3:hover { background-image: url(../images/about-tu3-2.png); }
.about-list-bg4 { background-image: url(../images/about-tu4.png); background-position: top 45% left 8%; background-repeat: no-repeat; }
.about-list-bg4:hover { background-image: url(../images/about-tu4-2.png); }
/*专利*/

.zhuanli-w { width: 100%; height: 903px; background: url(../images/zhuanli-bg.jpg) top center repeat-x; overflow: hidden; }
.zhuanli-tit { margin-top: 115px; }
.zhuanli-tit h2 { display: block; text-align: center; font-size: 47px; color: #fff; font-weight: bold; }
.zhuanli-tit .linea { margin: 0 auto; margin-top: 15px; margin-bottom: 15px; width: 33px; height: 3px; background-color: #fff; }
.zhuanli-tit p { display: block; text-align: center; font-size: 18px; color: #fff; line-height: 130%; }
.zhuanli-tu { width: 100%; height: auto; overflow: hidden; }
.zhuanli-pad { padding: 5px; }
.zhuanli-tu img { width: 100%; }
/*优势*/

.ys-bg { padding: 30px 0px; background: url(../images/ys-bg.jpg); overflow: hidden; }
.ys-bg1 { width: 100%; height: 487px; background: url(../images/ys-tu1.jpg) top right repeat-x; }
.ys-bg2 { width: 100%; height: 487px; background: url(../images/ys-tu2.jpg) top left repeat-x; }
.ys-titb { margin-top: 40px; margin-bottom: 40px; text-align: center; }
.ys-titb p { display: block; margin-top: 15px; text-align: center; font-size: 29px; color: #565656; letter-spacing: 2px; }
.ys-list1 { margin-top: 25px; }
.ys-list1 li { margin-bottom: 65px; overflow: hidden; }
.ys-list1 li .tita { float: right; width: 425px; }
.ys-list1 li .tita img { display: inline-block; float: left; }
.ys-list1 li .tita strong { display: inline-block; margin-top: 6px; padding: 5px 0px; border-bottom: 1px solid #ff0101; font-size: 20px; color: #2b2b2b; font-weight: bold; vertical-align: middle; }
.ys-list1 li .tita p { display: inline-block; margin-top: 6px; padding-left: 10px; font-size: 18px; color: #2b2b2b; vertical-align: middle; }
.ys-list1 li .conta { float: right; width: 88%; font-size: 17px; color: #2b2b2b; line-height: 190%; text-align: right; }
.ys-list1 li .conta p { font-size: 17px; color: #2b2b2b; line-height: 190%; text-align: right; }
.ys-phone { display: inline-block; float: right; padding: 6px 15px; background-color: #363634; font-size: 37px; color: #e4e4e4; font-weight: bold; }
.ys-phone p { font-size: 37px; color: #e4e4e4; font-weight: bold; }
.ys-list2 { margin-top: 50px; }
.ys-list2 li { margin-bottom: 65px; overflow: hidden; }
.ys-list2 li .tita { width: 425px; }
.ys-list2 li .tita img { display: inline-block; float: left; }
.ys-list2 li .tita strong { display: inline-block; margin-top: 6px; padding: 5px 0px; border-bottom: 1px solid #ff0101; font-size: 20px; color: #2b2b2b; font-weight: bold; vertical-align: middle; }
.ys-list2 li .tita p { display: inline-block; margin-top: 6px; padding-left: 10px; font-size: 18px; color: #2b2b2b; vertical-align: middle; }
.ys-list2 li .conta { float: right; width: 88%; font-size: 17px; color: #2b2b2b; line-height: 190%; text-align: left; }
.ys-list2 li .conta p { font-size: 17px; color: #2b2b2b; line-height: 190%; text-align: left; }
/*新闻*/





/* 新闻 */

.newsa { width: 100%; height: 845px; background: url(../images/newsa.jpg) no-repeat center; margin: 0 auto }
.news-wa { margin-top: 30px; }
.jn-news-l { position: relative; padding: 10px 10px; padding-top: 17px; overflow: hidden; /*  background-color: #164ea1;

  border: 1px solid #e5e5e5; */

height: 300px; }
.jn-news-l:before { content: ""; position: absolute; bottom: 0px; left: 0px; z-index: 1; width: 100%; height: 0px; background-color: #f0f3f3; transition: all 0.3s ease-out; }
.jn-news-l:hover:before { height: 100%; }
.jn-news01 { position: relative; z-index: 10; }
.jn-news011 { float: right; width: 51%; }
.jn-news0112 { float: left; height: 264px; overflow: hidden; width: 48%; }
.jn-news01 { transition: all 0.3s ease-out; }
.jn-news01 h3 { display: block; font-size: 20px; color: #222; font-weight: bold; line-height: 150%; }
.jn-news01 p { display: block; margin-top: 17px; font-size: 15px; color: #666666; line-height: 170%; }
.jn-news01 span { display: block; margin-top: 35px; font-size: 15px; color: #666666; }
.jn-news01 img { width: 100%; height: 264px; }
.jn-news-l:hover h3,  .jn-news-l:hover p,  .jn-news-l:hover span { color: #333; }
.jn-news-r { width: 100%; }
.jn-news02 { }
.jn-news02 li { position: relative; /* padding-top: 25px; */
padding-bottom: 10px; margin-top: 18px; margin-bottom: 20px; border-bottom: 1px solid #f4f4f4; overflow: hidden; width: 32%; float: left; margin-right: 15px; }
.jn-news02 li:before { content: ""; position: absolute; bottom: 1px; left: 0px; width: 0px; height: 3px; background-color: #164ea1; transition: all 0.6s ease-out; }
.jn-news02 li:hover:before { width: 100%; }
.jn-news02 li .n02-l { float: left; width: 25%; overflow: hidden; }
.jn-news02 li .n02-l img { width: 100%; transition: all 0.5s ease-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
.jn-news02 li:hover .n02-l img { transition: all 0.5s ease-out; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
.jn-news02 li .n02-r { width: 100%; height: auto; padding: 7%; background-color: #fff; }
.jn-news02 li .n02-r img { margin-top: 20px; }
.jn-news02 li:hover .n02-r,  .jn-news02 li:first-child .n02-r { background-color: #164ea1; }
.jn-news02 li .n02-r h3 { padding: 10px 0px; display: block; width: 100%; font-size: 18px; color: #313131; transition: all 0.3s ease-out; }
.jn-news02 li:hover .n02-r h3,  .jn-news02 li:first-child .n02-r h3 { color: #164ea1; }
.jn-news02 li .n02-r p { display: block; width: 100%; height: 45px; font-size: 14px; color: #6c6c6c; line-height: 150%; overflow: hidden; }
.jn-news02 li .shijian { margin-top: 30px; font-size: 13px; color: #b7b7b7; vertical-align: middle; }
.jn-news02 li .shijian p { display: inline-block; font-size: 13px; color: #b7b7b7; vertical-align: middle; }
.jn-news02 li .shijian img { display: inline-block; float: right; vertical-align: middle; transition: all 0.3s ease-out; }
.jn-news02 li:hover .shijian img,  .jn-news02 li:first-child .shijian img { margin-right: 10px; }
.jn-news02 li:first-child { padding-top: 0px; }
.jn-news02 li:hover .n02-r h3,  .jn-news02 li:hover .shijian p,  .jn-news02 li:hover .shijian,  .jn-news02 li:hover .n02-r p,  .jn-news02 li:first-child .n02-r h3,  .jn-news02 li:first-child .shijian p,  .jn-news02 li:first-child .shijian,  .jn-news02 li:first-child .n02-r p { color: #fff; }
.qt-zhishi { padding: 35px 0px; }
.qt-zhishi .zs-tit { margin-bottom: 15px; }
.qt-zhishi .zs-tit h2 { font-size: 20px; color: #1b1b1b; font-weight: bold; }
.qt-zhishi .zs-tit p { margin-top: 5px; margin-bottom: 15px; font-size: 15px; color: #9e9e9e; }
.qt-zhishi li { padding: 13px 19px; margin-bottom: 15px; background-color: #eeeeee; border: 1px solid #e5e5e5; overflow: hidden; }
.qt-zhishi li .zh-tit { margin-bottom: 5px; }
.qt-zhishi li .zh-tit .tm { float: left; width: 23px; height: 23px; background-color: #164ea1; border-radius: 50%; text-align: center; line-height: 23px; font-size: 15px; color: #fff; }
.qt-zhishi li .zh-tit .maohao { display: inline-block; width: 15px; float: left; font-size: 15px; color: #000; }
.qt-zhishi li .zh-tit .tm-r a h3 { display: inline-block; margin-top: 3px; /*  width: 80%;*/

float: left; font-size: 15px; color: #000; line-height: 120%; }
.qt-zhishi li .zh-nr { margin-top: 10px; }
.qt-zhishi li .zh-nr .tm { float: left; width: 23px; height: 23px; background-color: #1d459a; border-radius: 50%; text-align: center; line-height: 23px; font-size: 15px; color: #fff; }
.qt-zhishi li .zh-nr .maohao { display: inline-block; float: left; width: 15px; font-size: 15px; color: #000; }
.qt-zhishi li .zh-nr p { display: inline-block; margin-top: 3px; width: 80%; float: left; font-size: 15px; color: #5c5c5c; line-height: 120%; word-wrap: break-word; }
/*资质荣誉*/

.rongyu-w { width: 100%; height: auto; background: #f5f5f5; overflow: hidden; }
#focus_Box { position: relative; width: 1200px; margin: 0px auto 0 auto; padding-top: 30px; }
#focus_Box ul { margin: 0 auto; position: relative; height: 0px; }
#focus_Box li { z-index: 0; position: absolute; width: 0px; height: 0px; top: 146px; cursor: pointer; left: 377px; overflow: hidden; border-radius: 20px; border: 5px solid #fff; }
#focus_Box li img { width: 100%; vertical-align: top; transition: .5s; border-radius: 20px; }
#focus_Box li:hover img { transform: scale(1.05, 1.05); }
#focus_Box li ol { position: absolute; width: 100%; height: 40px; background-color: rgba(36,102,184,.7); text-align: center; font-family: "微软雅黑"; font-size: 18px; font-weight: bold; color: #fff; bottom: 20px; line-height: 40px; z-index: 300000; }
#focus_Box .prev { background: url(../images/btnl.png) no-repeat; left: -110px; top: 280px; }
#focus_Box .prev:hover { left: -120px; opacity: 1; }
#focus_Box .next { background: url(../images/btnr.png) no-repeat; right: -130px; top: 280px; }
#focus_Box .next:hover { right: -140px; opacity: 1; }
#focus_Box a.imgs-scroll-btn { display: block; position: absolute; z-index: 110; top: 7px; right: 15px; width: 51px; height: 23px; overflow: hidden; background: url(../images/share-btn.png) no-repeat; text-indent: -999px; }
#focus_Box .prev, #focus_Box .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 51px; height: 101px; top: 250px; transition: 0.5s; opacity: 0.6; }
/* 分割2 */ 

.feng1 { width: 100%; height: 310px; background: url(../images/gong.jpg) no-repeat center; margin: 0 auto; overflow: hidden; }
.feng1 span { float: right; font-size: 28px; color: #fff; margin-top: -66px; margin-right: 78px; width: 409px; height: 48px; background: #2645af; margin-top: 200px; text-align: center; }
/*====================end middle====================*/

/*====================foot====================*/

.foot-w { padding: 80px 0px 0px 0px; width: 100%; height: auto; background: url(../images/foot-w.jpg) top center repeat-x; overflow: hidden; }
.foot-l { float: left; width: 70%; border-right: 1px solid #2954ab; overflow: hidden; }
.foot-one { float: left; width: 25%; }
.foot-tit { margin-bottom: 28px; }
.foot-tit h3 { display: block; font-size: 23px; color: #fff; font-weight: bold; }
.foot-tit .linea { margin: 15px 0px; width: 25px; height: 3px; background-color: #fff100; }
.foot-proc { }
.foot-proc a { display: block; padding-bottom: 15px; font-size: 16px; color: #fff; }
.foot-r { float: right; width: 25%; }
.foot-r .foot-logo { width: 100%; }
.foot-r .foot-logo img { }
.foot-lx { padding: 28px 15px; font-size: 15px; color: #fff; line-height: 170%; text-align: center; }
.foot-lx img { display: inline-block; vertical-align: middle; }
.foot-ewm { float: left; width: 25%; text-align: center; }
.foot-ewm img { display: block; margin: 0 auto; }
.foot-ewm p { display: block; padding: 20px 0px; font-size: 15px; color: #fff; text-align: center; }
.foot-list { padding: 20px 0px; }
.foot-list li { float: left; width: 26%; margin-bottom: 50px; margin-top: 25px; }
.foot-list li:last-child { float: left; width: 45%; margin-bottom: 50px; margin-top: 25px; }
.foot-list li .tua { float: left; width: 40px; }
.foot-list li .tua img { }
.foot-list li .f-r-p { margin-left: 58px; }
.foot-list li .f-r-p p { font-size: 16px; color: #fff; line-height: 150%; }
.foot-lx p,  .foot-lx p a,  .foot-lx p strong { font-size: 14px; color: #fff; line-height: 220%; text-align: center; }
.f-bq { margin-top: 20px; width: 100%; text-align: center; font-size: 14px; color: #fff; }
.f-bq a,  .f-bq p,  .f-bq p a { font-size: 14px; color: #fff; text-align: center; }
/*end foot*/

/*内页产品详情电话*/

.yan-phone { margin-top: 20px; border-top: 1px solid #efefef; overflow: hidden; }
.proshow1 { overflow: hidden; }
.proshow1 p { display: block; padding: 5px; font-size: 17px; color: #2e2e2e; vertical-align: middle; line-height: 40px; border-bottom: 1px dashed #d2d2d2; overflow: hidden; }
.proshow1 p img { display: inline-block; float: left; margin-right: 15px; vertical-align: middle; }
.proshow1 a { display: block; margin-top: 15px; width: 206px; height: 47px; background-color: #434343; text-align: center; line-height: 47px; font-size: 17px; color: #fff; border-radius: 8px; }
.proshow2 { margin-top: 20px; overflow: hidden; text-align: center; }
.proshow2 li { float: left; margin: 0 5px; width: 140px; height: auto; }
.proshow2 li img { display: block; margin: 0 auto; margin-bottom: 10px; }
.proshow2 li p { display: block; font-size: 17px; color: #434343; line-height: 170%; text-align: center; }
.proshow2 li p strong { font-size: 17px; color: #434343; line-height: 170%; font-weight: bold; }
.proshow2 a { display: block; margin-top: 15px; width: 206px; height: 47px; background-color: #434343; text-align: center; line-height: 47px; font-size: 17px; color: #fff; border-radius: 8px; }
/*内页*/

.jt-ny-tit { position: relative; height: 480px; }
.jt-ny-tit h2 { position: absolute; bottom: 0px; left: 0px; width: 200px; height: 50px; background-color: #f60e0e; text-align: center; line-height: 50px; color: #fff; font-size: 26px; }
/*手机样式*/

  /*优势*/



/*返回顶部*/

.to-top { position: relative; z-index: 11111111111; display: none; padding: 5px 10px; color: #fff !important; background-color: #f50; }
.to-top:visited { color: #fff; }

/*end手机样式*/



@media only screen and (min-width: 1260px) {
#w-1200 { width: 80% }
#w-1200-1 { width: 80%; }
.pc-menu-bg { width: 100%; }
/*menu*/

  /*.header-nav .nav-list>li>a{padding:0 13px;}

  .header-nav .nav-list > li > a::after{margin-left: 12px;}*/

.about-p { padding: 15px; margin-left: 15px; }
}
 @media only screen and (max-width: 1260px) {
#w-1260 { width: 100%; }
#w-1260-1 { width: 100%; }
#w-1580-1 { width: 100%; }
#w-90 { width: 100%; }
#w-80 { width: 100%; }
#w-70 { width: 100%; }
#pro-w { width: 100%; }
.padding0-sm15 { padding: 0px 15px; }
.pc-menu-bg { width: 100%; }
.pc-menu { width: 100%; }
.padding-about { padding: 15px; }
/*menu*/

.header-nav .nav-list>li>a { padding: 0 5px; }
.header-nav .nav-list > li > a::after { margin-left: 12px; }
.about-p { padding: 15px; }
.foot-one { width: 33%; }
.foot-w { padding: 80px 20px; }
.foot-r .foot-logo img { width: 100%; }
}
 @media only screen and (max-width: 992px) {
#w-1260 { width: 100%; }
#w-1260-1 { width: 100%; }
#w-1580-1 { width: 100%; }
#w-90 { width: 100%; }
#w-80 { width: 100%; }
#w-70 { width: 100%; }
#pro-w { width: 100%; }
.padding0-sm15 { padding: 0px 15px; }
.er { display: none; }
.h-logo { width: 100%; margin-bottom: 20px; }
.ys_bg { display: none; }
 ..hot-pro {
 display: block;
}
.w-1300 { width: 100%; }
.hsabt ol { width: 80%; }
.hsabzl { width: 100%; margin-top: 20px; }
.hsabzr { width: 97%; }
.hsabzl embed { width: 97%; }
.hsabzr h2 { font-size: 46px; color: #2343bc; font-weight: bold; margin-top: 10px; }
.ys-w { display: none; }
.ysz { width: 100%; }
.feng { display: none; }
.feng1 { display: none; }
.jn-news02 li { width: 31%; }
.hsab { height: auto; background: url(../images/aball.jpg) top center repeat; }
.header-nav .nav-list>li>a { padding: 0 10px; }
.pc-menu { width: 100%; }
.pc-menu-bg { width: 100%; }
.yz-logo { text-align: center; }
.pc-menu { margin-top: 5px; }
.padding15-8 { padding: 8px; }
.header-nav .nav-list>li>a { padding: 0 3px; }
.header-nav .nav-list > li > a::after { margin-left: 12px; }
.mini-tit { padding: 0px 0px; text-align: center; }
.mini-tit img { display: block; width: 100%; margin: 0 auto; }
/*标题*/

.tit1 p { font-size: 15px; }
.tit1 h2 { font-size: 25px; letter-spacing: 3px; }
.tit02 p { font-size: 14px; }
.tit02 span { font-size: 10px; }
.foot-one { width: 44%; }
.foot-w { width: 100%; /* background: url(../images/mini-foot-w.jpg) top center repeat-y; */
padding: 80px 0px 30px 0px; }
.foot-r .foot-logo { text-align: center; }
.mini-ys { width: 100%; height: auto; }
.mini-ys img { width: 100%; }
.ys-titb { margin: 20px 0px; }
.ys-titb img { display: block; width: 90%; margin: 0 auto; }
.ys-titb p { font-size: 16px; letter-spacing: 0px; }
.ys-list1 li, .ys-list2 li { margin-bottom: 0px; padding: 20px 0px; border-bottom: 1px dashed #efefef; }
.ys-list1 li .tita img { }
.ys-list1 li .tita strong, .ys-list12 li .tita strong { font-size: 18px; }
.ys-list1 li .tita p, .ys-list2 li .tita p { font-size: 16px; }
.ys-list1 li .conta p, .ys-list2 li .conta p { font-size: 15px; }
.ys-list1 li .tita, .ys-list2 li .tita { float: none; width: 100%; }
.ys-list1 li .conta, .ys-list2 li .conta { float: none; width: 85%; margin: 0 auto; text-align: left; margin-top: 15px; }
.ys-list1 li .conta p, .ys-list2 li .conta p { text-align: left; line-height: 150%; }
.ys-phone { display: block; width: 100%; font-size: 30px; text-align: center; }
.ys-phone p { font-size: 30px; text-align: center; }
.ys-list2 { margin-top: 20px; }
.tj-pro .tj-list ul { width: 100%; text-align: center; }
.tj-pro .tj-list ul li { width: 16%; display: inline-block; padding: 15px; height: 150px; border-right: 1px solid #efefef; box-sizing: border-box; overflow: hidden; }
.tj-pro .tj-list ul .aon { display: inline-block; width: 16%; }
.tj-pro .tj-list ul li h3 { font-size: 16px; }
.tj-box { width: 100%; }
}







/*====================手机====================*/

@media only screen and (max-width: 768px) {
#w-1200 { width: 100%; }
#w-1200-1 { width: 100%; }
#w-1260 { width: 100%; }
#w-1260-1 { width: 100%; }
#w-1580-1 { width: 100%; }
#w-70 { width: 100%; }
#pro-w { width: 100%; }
.mini-tit { padding: 0px 0px; text-align: center; }
.mini-tit img { display: block; width: 100%; margin: 0 auto; }
.padding0-sm15 { padding: 15px; }
.tj-pro .tj-list ul { padding: 15px; }
.tj-pro .tj-list ul li { width: 47%; margin-right: 2%; height: auto; padding: 8px 15px; float: left; border-right: 0px; border-bottom: 1px solid #efefef; box-sizing: border-box; }
.tj-pro .tj-list ul .aon { width: 47%; }
.tj-pro .tj-list ul li span { font-size: 10px; display: none; }
.hot-pro-tit h2, .hot-pro-tit h2 font { font-size: 30px; }
.hot-pro-tit p { font-size: 15px; }
.hot-pro-tit span { font-size: 10px; }
.hot-pro-tit { padding-top: 20px; }
.foot-r .foot-logo img { width: 60%; margin: 0 auto; }
.foot-l { width: 100%; border-right: 0px; }
.foot-r { width: 100%; }
.foot-one { width: 100%; }
.foot-list { float: none; width: 100%; }
.foot-ewm { display: inline-block; }
.foot-ewm img {/* width: 100%; */ }
.foot-ewm { /* float: none; */

width: 100%; margin: 0 auto !important; text-align: center; }
.foot-list li { width: 100%; }
.foot-list li { float: left; margin-bottom: 8px; margin-top: 8px; }
.foot-list li:last-child { float: left; width: 100%; margin-bottom: 50px; margin-top: 25px; }
.foot-w { padding: 30px 15px 5px 15px; background: url(../images/mini-foot-w.jpg) top center repeat-y; }
.foot-list { padding: 0px; }
.foot-lx { padding: 15px 0px; }
.jg-proc a { width: none; margin: 0 }
.jg-proc a h3 { font-size: 16px;/* height: 70px; */ overflow: hidden; padding: 6px 15px; }
.tit01 .zia { font-size: 26px; }
.tit01 p { font-size: 14px; }
.tit01 span { font-size: 10px; padding: 0px 15px; }
.pro-bg { padding: 0px; }
.jy-pro h3 { font-size: 15px; }
.jy-pro p { display: none; }
.jy-pro .more { width: 60%; font-size: 14px; }
.about-w { width: 100%; height: auto; background: url(../images/mini-about-w.jpg) top center; padding: 30px 0px; }
.about-cont { width: 100%; height: 475px; }
.about-tit h2 { text-align: center; font-size: 30px; }
.about-tit p { text-align: center; font-size: 17px; }
.about-menu { text-align: center; margin-top: 15px; }
.about-menu a { display: inline-block; float: none; width: 23%; }
.about-more a { display: block; margin: 0 auto; margin-top: 20px; width: 60%; }
.about-video { width: 100%; }
.about-list li { padding: 25px 20px; }
.about-list li .nra p { font-size: 30px; }
.about-list li .nra span { font-size: 16px; }
.zhanhui .tita p { display: none; }
.case-w { height: auto; padding-bottom: 80px; background: url(../images/mini-case-w.jpg) top center no-repeat; }
.news-wa { padding: 0px; margin-top: 0px; }
.top-yy { text-align: left; }
.top-gg { padding: 0px; }
.top-yy a { margin: 0px 3px; }
.hot-pro { padding-bottom: 0px; }
/*标题*/

.ny-tit01 h2 { font-size: 26px; }
.ny-tit01 span { font-size: 14px; padding: 0 15px; }
.tit01 h2 { font-size: 26px; }
.gl-proc li { width: 45%; margin: 2px 2px; }
.gl-proc li a { width: 100%; }
/*其它*/

.search-p { padding: 0px 15px; width: 90%; text-align: center; margin: 0 auto; }
/*地图*/

.b-map .close-btn { top: 10%; }
.map-ys { height: 300px; width: 90%; }
/* 简介 */

.w-1300 { width: 100%; margin: 0 auto; }
.hsabt ol { font-size: 20px; color: #222; text-align: center; margin-top: 10px; display: block; text-transform: uppercase; font-family: arial; border: 1px solid #222; width: 80%; margin: 0 auto; letter-spacing: 0px; margin-top: 10px; }
.hsabzl embed { width: 100%; height: 340px; background-color: #2645af; float: left; margin-top: 100px; margin-left: 0px; }
.hsabzl { width: 93%; height: 370px; background-color: #2645af; margin: 0 auto; float: none; margin-top: 30px; }
.hsabzr h2 { font-size: 28px; color: #2343bc; font-weight: bold; margin-top: 20px; }
.hsabzr span { font-size: 16px; color: #ff8d00; margin-top: 5px; display: block; }
.hsabzr3 span { width: 105px; height: 36px; background: #2343bc; border-radius: 5px; float: left; margin-right: 10px; line-height: 36px; color: #fff400; padding-left: 0px; text-align: center; }
.hsabzr3 span img { display: none; }
.hsabzrwz { font-size: 15px; line-height: 30px; margin-top: 20px; }
.hsabzrwz p { font-size: 15px; line-height: 30px; }
.hsab { width: 100%; height: auto; background: url(../images/aball.jpg) top center repeat; overflow: hidden; }
.hsabt h2 { font-size: 35px; color: #222; font-weight: bold; text-align: center; margin-top: 30px; }
/* 优势 */

.yshs { width: 100%; height: auto; background: none; margin: 0 auto; margin-bottom: 0px; margin-top: 13px; }
.yshs img { width: 100%; height: auto; margin: 0 auto; margin-bottom: 40px; margin-top: 13px; }
.ys-list li .nra p { display: block; font-size: 20px; color: #303030; font-weight: bold; }
.ys-list li .nra { display: inline-block; padding: 10px 0px; margin-left: 12px; width: 60%; }
.ys-list li .num { display: inline-block; width: 33%; height: 118px; text-align: center; font-size: 69px; line-height: 130px; color: #fff; font-family: "font5"; }
.ys-list li .nra span { display: block; margin-top: 5px; font-size: 16px; color: #616060; line-height: 150%; height: 52px; overflow: hidden; }
.tit01 ol { display: block; margin-top: 8px; text-align: center; font-size: 37px; color: #2645af; font-family: arial; text-transform: uppercase; font-weight: bold; margin-bottom: 0px; }
.jn-news02 li { position: relative; /* padding-top: 25px; */
padding-bottom: 10px; margin-top: 18px; margin-bottom: 20px; border-bottom: 1px solid #f4f4f4; overflow: hidden; width: 100%; float: none; margin-right: 15px; }
.newsa { width: 100%; height: auto; background: url(../images/newsa.jpg) no-repeat center; margin: 0 auto; }
}